<template>
    <div>
        <h2>我是一个异步组件</h2>
        <h3>{{ info }}</h3>
    </div>
</template>

<script>
import { defineComponent } from 'vue'
import axios from 'axios'
export default defineComponent({
    async setup(){
        // return new Promise((resolve, reject)=>{
        //     // 这里目前是定时器，是不是也可以是一个网络请求
        //     const timer = setTimeout(()=>{
        //         clearTimeout(timer)
        //         return resolve({
        //             info: "异步请求反馈的 info 信息"
        //         })
        //     }, 2000)
        // })
        const res = await axios.get("http://localhost:3000/json")
        return  {
            info: "异步请求反馈的 info 信息"
        }
    }
})
</script>

<style lang="scss" scoped></style>